<template>
  <div>
    <Heater :count="0" :obj="obj"/>
    <hr>
    <Context :num = "2"/>
    <Context :num = "3"/>
    <hr>
    <Update v-bind="obj" :count = '4'/>
  </div>
</template>

<script>
  import Heater from './components/Heater/index.vue';
  import Context from './components/Content/index.vue';
  export default {
    name : 'App',
    data(){
      return{ 
        obj:{
          name : 'wangge',
          age : 18,
          sex : 'nan'
        }
      } 
    },
    components:{
      Heater,
      Context,
    }
  }
</script>

<style lang="css" scoped>

</style>